<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="fragment::head(~{::title})">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <nav th:replace="fragment::menu(0)" class="ui inverted attached segment m-padded-tb-mini">
    <div class="ui container">
        <div class="ui inverted secondary menu">
            <h2 class="ui teal header item">LostFound</h2>
            <a href="index.html" class="item"><i class="mini home icon"></i>首页</a>
            <a href="announce.html" class="item"><i class="mini edit icon"></i>发布</a>
            <a href="mine.html" class="item"><i class="mini user icon"></i>我的</a>
            <div class="right m-item item m-mobile-hide">
                <div class="ui icon inverted transparent input m-margin-tb-tiny">
                    <input type="text" placeholder="Search....">
                    <i class="search link icon"></i>
                </div>
            </div>
        </div>
    </div>
</nav>

    <!-- 错误信息区域 -->
    <div class="ui center aligned segment basic" style="margin-top: 2rem;">
        <h1 class="ui header huge teal" style="font-size: 5rem; margin-bottom: 0.5rem;">
            500
        </h1>
        <h2 class="ui header" style="margin-top: 0;">
            哎呀，页面走丢了！
        </h2>
        <p class="ui text grey" style="font-size: 1.2rem;">
            您寻找的页面可能已被移动、删除或暂时不可用、或者检查一下您的URL
        </p>

        <!-- 操作按钮区域 -->
        <div class="ui stackable centered grid" style="margin-top: 2rem;">
            <div class="row">
                <button class="ui teal button big" onclick="history.back()">
                    <i class="arrow left icon"></i> 返回上一页
                </button>
                <a href="index.html" class="ui button big">
                    <i class="home icon"></i> 返回首页
                </a>
            </div>

            <!-- 热门链接 -->
            <div class="row" style="margin-top: 2rem;">
                <div class="ui horizontal list">
                    <span class="item">热门链接：</span>
                    <a class="item" href="announce.html">发布招领</a>
                    <a class="item" href="mine.html">我的记录</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部footer -->
    <footer th:replace="afragment::footer" class="ui inverted vertical segment m-padded-tb-massive ">
        <div class="ui center aligned container">
            <div class="ui inverted divided grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="../static/images/DLMU.svg" class="ui rounded image" alt="" style="width: 110px;">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">常见问题</h4>
                    <div class="ui inverted link list">
                        <a href="../problems.html" class="item">点击查看</a>
                        <a href="../feedback.html" class="item" >点击反馈</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">如何联系</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item m-text-thin">Email：xxxxxxxx@qq.com</a>
                        <a href="#" class="item m-text-thin">QQ：xxxxxxxx</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced ">关于我们</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">LostFound</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2025 - 3000 LostFound Designed by DLMU-LZT</p>
        </div>
    </footer>
    <!--	/*/<th:block th:replace="fragment::script">/*/-->
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/semantic.min.js}"></script>
    <!--    /*/</th:block>/*/-->
</body>
</html>